<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>

  <style>
    .div {
      /* 与单元格上面对齐，水平居中显示 */
      place-items: start center;
    }
  </style>
  <body>
    <!-- 
        TIP
        place-items属性是align-items属性和justify-items属性的合并简写形式。 [pleis]
     -->
  </body>
</html>
